body{
  font-size:10px;
  font-family: 微软雅黑;
  .kkc-content{
    width:1920px;
    max-width:100%;
    margin:0 auto;
  }

  .more-button{
    display:inline-block;
    border:solid 1px #898989;
    border-radius:15px;
    height:30px;
    line-height:30px;
    //width:60px;
    padding:0 20px;
    text-align:center;
    color:#898989;
    font-size:1.4rem;

  }
}
.header{
  width:100%;
  position:fixed;
  z-index:1;
  padding-top:40px;


  background-color:rgba( 255, 255, 255, 0.4 );
  &.product-show{
    .h-content{
      .child-nav{
        display:block;
      }
    }
  }

  &.not-top{
    background-color:rgba( 255, 255, 255, 1 );
    .h-content{
      .logo{
        background-image: url("../images/logo_black.png");
      }
    }

  }

  .h-content{
    position:relative;
    border-bottom:solid 1px #fff;
    font-size:1.6rem;
    color:#595757;
    a{
      color:#595757;
    }

    line-height:50px;
    height:50px;

    max-width:1648px;

    margin: 0 auto;


    .logo{
      float:left;
      width:147px;
      height:38px;
      background-image: url("../images/logo.png");
      background-size: 100% 100%;

    }

    .nav{
      float:right;
      //position:relative;
      ul{

        float:right;


        li{
          position:relative;
          float:left;
          //width:100px;
          padding:0 30px;
          font-family: '微软雅黑';


          .trangle{
            position:absolute;
            //margin:0 auto;
            margin-left:-10px;
            left:50%;
          }

          &.tmall{
            a{
              color:#e60012;
            }

          }


        }

      }

    }



    .child-nav{
      display:none;
      clear:both;
      //width:100%;
      //padding-top:10px;
      //top:70px;
      //right:0;
      //position:absolute;
      ul{

        margin-top:20px;
        float:right;
        li{

          width:176px;

          float:left;

          img{
            text-align: center;
            display:block;
            margin:0 auto;
          }
          span{
            display:block;
            height:30px;
            line-height:30px;
            width:100%;
            text-align: center;
            &.title{

            }

            &.type{
              color:#898989;
            }
          }
        }
      }

    }
  }

}

.footer{

  margin-top:5rem;
  .qrcode{
    color:#727171;
    text-align:center;
    .title{

      font-size:1.2rem;
      line-height:3rem;

    }
    .weibo,.wechat{

      display:inline-block;
      width:138px;
      img{
        width:88px;
        display: block;
        margin:0 auto;
      }
      .name{
        display: block;
        line-height:2;
      }

    }

  }

  .copyright{
    margin-top:3rem;
    margin-bottom:3rem;
    text-align:center;

    line-height:2;

    .language{
      color:#727171;
      font-size:1rem;
      span{
        width:2rem;
        display:inline-block;
      }
    }
    .company{
      font-size:1.2rem;
      color:#595757;
    }

  }
}

.banner{

  .carousel-control{
    background:none
  }

  .item{
    img{

    }
  }

}

.home-layer{


  img{
    width:100%;
  }

  .txt-title{
    font-size:3.6rem;
  }

  .txt-gray{
    color:rgb(154,154,154);
  }

  .txt-white{
    color:#fff;
  }

  &.chongdian,&.video,&.app,&.detail-591_01,&.detail-591_02,&.detail-591_03,
  &.detail-591_04,&.detail-591_05,&.detail-591_06,&.detail-591_07,&.detail-591_08,
  &.detail-660_01,&.detail-660_02,&.detail-660_03,&.detail-660_04,&.detail-660_05,&.detail-660_06,
  &.detail-720_01,&.detail-720_02,&.detail-720_03,&.detail-720_04,&.detail-720_05,&.detail-720_06,
  &.detail-760t_01,&.detail-760t_02,&.detail-760t_03,&.detail-760t_04,&.detail-760t_05,&.detail-760t_06
  ,&.detail-760t_07,&.detail-760t_08,&.detail-760t_09,
  &.detail-f11h_01,&.detail-f11h_02,&.detail-f11h_03,&.detail-f11h_04,&.detail-f11h_05,&.detail-f11h_06
  {
    position:relative;
    [class^="text_"]{
      position:absolute;
      font-size:1.8rem;

    }
  }

  &.chongdian{

    .text_all{
      top:30%;
      left:50%;
      margin-left:-200px;


      .txt_1{
        //
        //margin-left:50%;
        //top:100px;
        //left:-200px;
        color:#898989;
        //font-size:1.8rem;
      }
      .txt_2{

        font-size:3.6rem;
        //margin-left:50%;
        //top:200px;
        //left:100px;
        color:#fff;
        letter-spacing:2px;
        .focus{
          font-size:7rem;
        }

        text-shadow:0px 0px 12px #999;
    }

      .txt_3{
        margin-top:4rem;
        text-align:center;
      }
    }

    //.more-button{
    //  margin-left:50%;
    //  left:-100px;
    //  top:600px;
    //}
  }

  &.video{

    .video-action{
      background-image: url("../images/skin/action.png");
      background-size: 100% 100%;
      display:inline-block;
      width:80px;
      height:80px;

      left:50%;
      top:40%;
      margin-left:-40px;

      cursor: pointer;
    }

  }

  &.app{

    .text_all{
      top:30%;
      left:50%;
      margin-left:-300px;
      text-align: center;
      .txt_1{
        color:#9fa0a0;
        font-size:3rem;
        line-height:2;
        //left:50%;
        //top:200px;
        //margin-left:-60px;
      }

      .txt_2{
        color:#9fa0a0;
        margin-top:2rem;
        font-size:2rem;
        line-height:2;
        //left:50%;
        //top:300px;
        //margin-left:-60px;
      }

      .txt_3{
        color:#9fa0a0;
        font-size:2rem;
        line-height:2;
        //left:50%;
        //top:400px;
        //margin-left:-60px;
      }
      .txt_4{
        margin-top:3rem;
        //left:50%;
        //top:500px;
        //margin-left:-60px;
      }
    }


  }

  &.detail-591_01{
    .text_all{
      top:36%;
      left:50%;
      margin-left:-100px;
      text-align: center;
      color:#fff;
      text-align: left;
      .txt_1{

        font-size:1.6rem;
        line-height:2;
      }

      font-size:3.6rem;
      color:#fff;
      letter-spacing:2px;
      .focus{
        font-size:7rem;
      }
    }

  }

  &.detail-591_02 {
    .text_all {

      top:24%;
      left:14%;

      color:rgb(155,156,156);
      .txt_1{
        font-size:3.6rem;
      }
      .txt_2,.txt_3,.txt_4{
        font-size:1.4rem;
        margin-top:20px;
        span{
          margin-right:20px;
        }
      }
      .txt_3{

      }
      .txt_4{

      }
    }
  }

  &.detail-591_03 {
    .text_all {

      top:20%;
      left:50%;
      margin-left:-35px;
      color:#fff;
      .txt_1{
        font-size:3.6rem;
      }
      .txt_2{
        margin-top:5%;
        margin-left:30px;
        //font-size:1.8rem;
      }
      .txt_3{
        margin-top:5%;
        margin-left:60px;
        //font-size:1.8rem;
      }

    }
  }

  &.detail-591_04 {
    .text_all {

      top:14%;
      left:0;
      width:100%;
      text-align :left;

      color:rgb(156,156,156);
      .txt_1{

        font-size:3.6rem;
        width:40%;
        margin:0 auto;
      }

      .txt_2{
        width:40%;
        margin:40px auto 0 ;
      }

    }

  }

  &.detail-591_05 {
    .text_all {

      width:100%;

      left:0;
      bottom:10%;
      color:#fff;

      text-align:left;

      .txt_1{
        //width:50%;
        width:560px;
        margin:0 auto;
        font-size:3.6rem;
      }

      .txt_2{
        width:560px;
        //width:50%;
        margin:3% auto 0;
        font-size:1.4rem;
      }

      //.txt_3{
      //  width:50%;
      //  margin:0 auto;
      //  font-size:1.4rem;
      //}

    }
  }

  &.detail-591_06 {
    .text_all {

      top:30%;
      left:15%;
      text-align:left;
      color:#fff;
      max-width:368px;
      .txt_1{
        font-size:3.6rem;

      }



      .txt_2{
        margin-top:30px;
        font-size:1.4rem;
      }
    }


  }

  &.detail-591_07 {

    .text_all {
      bottom:23%;
      right:15%;
      text-align:left;
      color:rgb(156, 156, 156);
      max-width:368px;

      .txt_1{
        font-size:3.6rem;

      }
      .txt_2{
        margin-top:30px;
        font-size:1.4rem;

      }
    }

  }

  &.detail-591_08{

    .text_all{

      width:100%;
      top:30%;
      left:0;
      text-align:center;

      .txt_1{
        font-size: 3.6rem;
        color:#fff;
      }
      .txt_2{
        margin-top:40px;
        .parts{


          .item{
            display:inline-block;
            width:196px;
            max-width:10%;
            margin:0 10px;
            //float:left;

            img{
              width:100%;

            }
            .name{
              margin-top:20px;
              width:100%;
              color:#fff;
              display:block;

            }
          }

        }
      }

    }


  }

  &.detail-660_01 {
    .text_all {
      top: 36%;
      left: 55%;

      color: #fff;
      text-align: left;
      .txt_1 {
        font-size:1.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:3.6rem;
      }
      .txt_3 {
        margin-top:50px;
        font-size:1.6rem;
        max-width:360px;
        a{
          margin:0 16px 16px 0;
        }
      }
      a{
        color:#fff;
        border:solid 1px #fff;
      }
    }
  }
  &.detail-660_02 {
    .text_all {
      top: 10%;
      left: 20%;

      color: rgb(145,145,145);
      text-align: left;
      .txt_1 {
        font-size:3.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:1.6rem;
      }

    }
  }

  &.detail-660_03 {
    .text_all {
      top: 50%;
      left: 50%;

      margin-top:-100px;
      margin-left:-50px;
      color: #fff;
      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:1.6rem;
        max-width:450px;
      }

    }
  }
  &.detail-660_04 {
    .text_all {
      top: 50%;
      left: 22%;

      margin-top:-100px;
      color: rgb(146,146,146);
      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:1.6rem;
        max-width:290px;
      }

    }
  }

  &.detail-660_05 {
    .text_all {
      top: 25%;
      left: 25%;

      color: #fff;
      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:1.6rem;
        max-width:310px;
      }

    }
  }

  &.detail-660_06 {
    .text_all {
      top: 50%;
      left: 50%;

      margin-top:-100px;
      margin-left:10px;

      color: rgb(150, 150, 150);
      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }
      .txt_2 {
        margin-top:18px;
        font-size:1.6rem;
        //max-width:310px;
      }

    }
  }

  &.detail-720_01 {
    .text_all {
      top: 50%;
      right: 20%;

      color:#fff;

      margin-top:-50px;

      text-align: right;

      .txt_1 {
        //font-size:1.8rem;
      }

      .txt_2 {
        margin-top:20px;
        font-size:3.6rem;
      }
      .txt_3 {
        margin-top:18px;
        font-size:1.6rem;

      }

      a{
        color:#fff;
        border:solid 1px #fff;
        margin-left:10px;
      }

    }
  }

  &.detail-720_02 {
    .text_all {
      top: 50%;
      left: 20%;

      color:#fff;

      margin-top:-50px;

      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }

      .txt_2 {
        margin-top:20px;
        //font-size:1.8rem;
      }

      .txt_3 {
        margin-top:18px;
        font-size:1.6rem;

      }


    }
  }

  &.detail-720_03 {
    .text_all {
      top: 20%;
      left: 45%;

      color:rgb(156,156,156);


      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }

      .txt_2 {
        margin-top:20px;
        //font-size:1.8rem;
        max-width:480px;
      }


    }
  }

  &.detail-720_04 {
    .text_a {
      top: 45%;
      left: 17%;

      color:#fff;


      text-align: left;

      .txt_1 {
        font-size:3.6rem;
      }

      .txt_2 {
        margin-top:30px;
        //font-size:1.8rem;
        max-width:480px;
      }

    }
    .text_b{
      top:12.5%;
      right:7%;
      color:rgb(157,157,157);
    }
  }

  &.detail-720_05 {
    .text_all {
      top: 45%;
      left: 20%;

      color:#fff;


      text-align: left;

      .txt_1 {
        //font-size:3.6rem;
      }

      .txt_2 {
        margin-top:30px;
        //font-size:1.8rem;
        max-width:480px;
      }

    }
  }

  &.detail-720_06 {
    .text_all {
      top: 42%;
      right: 17%;

      text-align: right;

      .txt_1 {

      }

      .txt_2 {
        margin-top:30px;
        //font-size:1.8rem;
        max-width:480px;
      }

    }
  }

  &.detail-760t_01 {
    .text_all {
      top: 42%;
      left: 54%;

      text-align: left;
      color:#fff;

      .txt_1 {

      }

      .txt_2 {
        margin-top:10px;
      }

      .txt_3{

        margin-top:30px;
        max-width:480px;
      }

    }
  }

  &.detail-760t_02 {
    .text_all {
      top: 16%;
      left: 0;
      width:100%;
      text-align: center;

      .txt_1 {

      }

      .txt_2 {
        margin-top:15px;
      }

      .txt_3{
        margin-top:40px;
      }

    }
  }

  &.detail-760t_03 {
    .text_all {
      top: 45%;
      left: 20%;
      width:100%;

      color:#fff;
      .txt_1 {

      }

      .txt_2 {
        margin-top:30px;
      }


    }
  }
  &.detail-760t_04 {
    .text_all {
      top: 45%;
      right: 14%;
      width:100%;
      text-align:right;
      color:#fff;
      .txt_1 {

      }

      .txt_2 {
        margin-top:30px;
      }


    }
  }

  &.detail-760t_05 {
    .text_a {
      top: 10%;
      right: 0;
      width:100%;
      text-align:center;

      .txt_1 {

      }


    }
    .text_b{
      bottom: 10%;
      left: 0;
      width:100%;
      text-align:center;

      .txt_2{

      }
    }
  }

  &.detail-760t_06 {
    .text_all {
      top: 45%;
      left: 55%;
      width:100%;
      text-align:left;

      color:#fff;
      .txt_1 {

      }
      .txt_2{
        margin-top:30px;
      }
    }
  }

  &.detail-760t_07 {
    .text_all {
      top: 45%;
      left: 16.6%;
      width:100%;
      text-align:left;

      .txt_1 {

      }
      .txt_2{
        margin-top:30px;
      }
    }
  }

  &.detail-760t_08 {
    .text_all {
      top: 40%;
      right: 15%;
      width:100%;
      text-align:right;

      .txt_1 {

      }
      .txt_2{
        margin-top:30px;
      }
    }
  }

  &.detail-760t_09 {
    .text_all {
      top: 40%;
      left: 20%;
      width:100%;
      text-align:left;

      .txt_1 {

      }
      .txt_2{
        margin-top:30px;
      }
    }
  }

  &.detail-f11h_01{

    .text_all {
      top: 30%;
      right: 13%;
      text-align:right;

      .txt_1 {

      }
      .txt_2{
        margin-top:20px;
        span{
          max-width:360px;
          display:inline-block;
        }

      }
      .txt_3{
        margin-top:40px;
      }
      a{
        color:#fff;
        border:solid 1px #fff;
      }

    }

  }

  &.detail-f11h_02{

    .text_all {
      top: 20%;
      left: 16%;
      text-align:left;

      .txt_1 {

      }
      .txt_2{
        margin-top:20px;

      }
      .txt_3{
        margin-top:30px;
        line-height: 3;
        font-size:1.4rem;
      }

    }

  }

  &.detail-f11h_03{

    .text_all {
      top: 24%;
      left: 36%;
      text-align:left;

      .txt_1 {

        line-height:1.5;
      }
      .txt_2{
        margin-top:20px;

      }
      .txt_3{
        margin-top:30px;

      }

    }

  }

  &.detail-f11h_04{

    .text_all {
      top: 18%;
      left: 18%;
      text-align:left;

      .txt_1 {

      }
      .txt_2{
        margin-top:10px;

      }
      .txt_3{
        margin-top:30px;
        max-width:520px;
      }
      .txt_4{
        max-width:520px;
        margin-top:20px;
      }
      .txt_5{
        max-width:520px;
        margin-top:20px;
      }
    }
  }

  &.detail-f11h_05{

    .text_all {
      top: 20%;
      left: 55%;
      text-align:left;

      .txt_1 {

      }
      .txt_2{
        margin-top:10px;

      }
      .txt_3{
        margin-top:30px;
        max-width:520px;
        font-size:1.4rem;
      }
      .txt_4{
        max-width:520px;
        margin-top:20px;
        font-size:1.4rem;
      }
    }
  }

  &.detail-f11h_06{

    .text_a {
      top: 20%;
      left: 20%;
      text-align:left;

      .txt_1 {

      }
    }
    .text_b {
      bottom: 20%;
      left: 20%;
      font-size:1.4rem;
    }
  }

}

.video-room{

  position:fixed;
  display:none;

  width:900px;
  height:552px;
  left:50%;
  margin-left:-450px;
  top:50%;
  margin-top:-250px;
  z-index: 100;
  b{
    right: 0;
    top: -23px;
    position: absolute;
    //right: -100px;
    //top: -60px;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;

    img{
      max-width: 100%;
    }
  }
  video{
    width:100%;
    height:100%;
    outline: none;
  }

}
.video-mask {
  display: none;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

